/* Css
----------------------------------------------- */

.logo{
float: left;
width: 12%;
margin-top: -49px;
margin-left: 238px;
height: 52px;
}
.logo img{
margin-top: -4px;
float: right;
}

.kotakkana {
background: #fff;
height: 249px;
width: 43%;
position: relative;
overflow: hidden;
float: right;
margin-right: 155px;
border: 1px solid #d4d4d4;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

/* attention
----------------------------------------------- */
.attention {
position: relative;
padding: 1px;
width: 77%;
background: #379ccc;
font-size: 11px;
text-align: center;
line-height: 1em;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
left: 11.3%;
}
.create {
font-size: 22px;
font-weight: bold;
}

h2 {
color: #fff;
}
button [type='button'] {    
position: absolute;
border: none;
}
.button2 {
position: absolute;
background: url('http://4.bp.blogspot.com/-nrBK10IRql8/Uyp544RT0sI/AAAAAAAAA6w/IX3wWXjoy4g/s1600/close-button.png') no-repeat;
right: 12px;
top: 11px;
width: 23px;
height: 22px;
cursor: pointer;
border: none;
}
.attention > h2 > a {
color: #f8b300;
}
a.create:hover {
text-decoration: underline;
}

/* Layout-Post
----------------------------------------------- */
table.product-image {
float: left;
display: inline-block;
width: 28.8%;
margin: 0% -1% 0;
margin-right: 3px;
}
table.product-descriptions {
float: left;
display: inline-block;
width: 36%;
padding: 0 0 2em 0;
margin: 0 1% 5%;
}
table.product-details {
float: left;
display: inline-block;
margin: 0 9% 5%;
padding-bottom: 0;
position: absolute;
border: 1px solid #ddd!important;
}
table.iklan-post {
float: right;
display: inline-block;
width: 33%;
margin: 27% 0% 0%;
}

table.product-image tbody, table.product-image th, table.product-image tr, th#thumb div.separator {
width: 100%;
display: block;
text-align: center;
}
.title_price {
font-size: 16px;
width: 100%;
padding-left: 10px;
}
.item_price {
width: 100%;
font-size: 30px;
text-align: right;
line-height: 0.8em;
padding-bottom: 11px;
}
.ind_item_price {
width: 100%;
font-size: 30px;
text-align: right;
line-height: 0.8em;
padding-bottom: 11px;
}
.main input[type="text"], .main input[type="password"], .main input[type="email"], .main input[type="e-mail"], .main input[type="url"], .main input[type="password"], .main textarea {
width: 30px;
}
.main input[type="text"], .main input[type="password"], .main input[type="email"], .main input[type="e-mail"], .main input[type="url"], .main input[type="password"] {
border: 1px solid #bbb;
padding: 0.38em 0;
outline: 0;
color: #333;
position: relative;
background: #fff;
text-align: center;
}
a.button, .main input[type="submit"], .main input[type="reset"], .main input[type="button"] {
display: inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
position: relative;
padding: 0.8em 0;
background: #1BA1E2;
color: #fff!important;
font-size: 20px;
font-weight: bold;
}
i.icon-shopping-cart.icon-large {
float: left;
padding-left: 28px;
margin-right: -27px;
margin-top: -2px;
}
a.item_add.button:hover {
background: red;
-webkit-transition: background .5s;
transition: background .5s;
}
td.label-quantity {
border-top: 1px solid #ddd;
padding-top: 5px;
padding-left: 10px;
}
.post table, .post th, .post tr, .post td {
border: 0;
}
/* box-harga
----------------------------------------------- */
.box-harga {
border: 1px solid #ddd;
float: right;
margin-right: -35%;
margin-top: 10px;
}
#b-harga {
    height: 60px;
    margin-bottom: 17px;
}
.mrg {
margin-left: 5px;
margin-right: 5px;
}
.harga {
    background:red;
    float:none;
}
.htitle {
float: left;
font-size: 15px;
width: 100%;
font-family: arial;
}
.tharga {
float:right;
font-size:30px;  
}
#button-h {
width: 100%;
height: 48px;
}
.hbtn {
text-align: center;
font-size: 21px;
font-family: arial;
color: #fff;
}
.hcs {
background: #f8b300;
border: 1px solid #ddd;
text-decoration: none;
padding: 13px 35px 15px 34px;
color: #fff;
}

/* box-isi
----------------------------------------------- */
.box-isi {
width: 52%;
float: right;
margin: -47% 20%;
}
#isi-head {
    height: 60px;
    margin-bottom: 20px;
}
.mrg {
    margin-left: 5px!important;
}
.brnd-img {
background: transparent;
float: left;
}
.imgb {
float: left;
font-size: 10px;
width: auto;
}
.brnd-title-a {
width: 185px;
height: 20px;
padding-left: 123px;
font-size: 21px;
}
.brnd-title-b {
width: 185px;
height: 20px;
padding-left: 123px;
font-size: 16px;
opacity: .4;
line-height: 1.87em;
}
#isi-info {
    margin-bottom: 17px;
}
.info-title {
    font-size: 15px;
	font-weight: bold;
}
.info-prd {
padding-left: 16px;
padding-top: 0;
font-weight: 400;
}
#info-ukran {
   margin-bottom: 17px;
   height: 53px;
   width: 50%;
}
.title-ukran {
border-bottom: 1px solid #ddd;
}
.inf-uk {
float: left;
font-weight: bold;
padding-top: 7px;
}
.list-uk {
float: left;
padding-left: 22px;
padding-top: 0px;
margin-top: -14px;
}
.uk-in {
border: 1px solid #ddd;
padding: 4px 8px 4px 8px;
margin-left: 10px;
list-style: none;
float: left;
cursor: pointer;
}
li.uk-in:hover {
background-color: #1BA1E2;
color: #fff;
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
li.uk-in.item_size {
background: #1BA1E2;
color: #fff;
}
#info-warna {
   margin-bottom: 17px;
   height: 53px;
   width: 50%;
}
.title-warna {
border-bottom: 1px solid #ddd;
}
.list-warna {
float: left;
padding-top: 11px;
}
.ktk-war {
border: 1px solid #ddd;
padding: 4px 13px;
margin-left: 13px;
}

/* box-isi
----------------------------------------------- */
.box-ikln-ptng {
border: 1px solid #ddd;
overflow: hidden;
float: right;
margin: 0 5px;
}
.ikln-img {
background: transparent;
float: left;
width: 353px;
height: 337px;
}
.ikln {
float: left;
font-size: 10px;
width: auto;
}
.info-icn {
 width: 15px;
height: 15px;
margin-top: -31%;
margin-right: 5px;
cursor: pointer;
float: right;
}
.inf-iklan {
background: #d3d3d3;
width: 100px;
height: 15px;
border-bottom-left-radius: 4px;
margin-top: -326px;
margin-right: 5px;
color: #000;
font: normal 11px Arial,Sans-Serif;
text-align: left;
overflow: hidden;
padding-right: 19px;
padding-left: 5px;
float: right;
display: none;
}
/* Top-wom
----------------------------------------------- */
.top-wom {
width: 865px;
background: transparent url(http://2.bp.blogspot.com/-5mYb1ZNWRnw/U0Uirnww5eI/AAAAAAAABAY/yJcOZDRoevg/s1600/IMG_2696%5B1%5D.JPG) no-repeat;
background-size: 1049px;
background-position-y: -88px;
margin-left: -18px;
}
.box-wom {
height: 418px;
width: 521px;
background: transparent;
padding: 1%;
}
.a1 {
float: left;
width: 32%;
height: 26%;
background: #fff;
margin-right: 9px;
}
.a2 {
float: left;
width: 35%;
height: 26%;
background: #fff;
margin-right: 9px;
}
.a3 {
float: right;
width: 29%;
height: 42%;
background: #fff;
}
.a4 {
float: left;
width: 69%;
height: 42%;
background: #fff;
margin-top: 12px;
}
.a5 {
float: right;
width: 29%;
height: 26%;
background: #fff;
margin-top: 12px;
}
.a6 {
float: left;
width: 23%;
height: 26%;
background: #fff;
margin-right: 9px;
margin-top: 10px;
}
.a7 {
float: left;
width: 23%;
height: 26%;
background: #fff;
margin-right: 9px;
margin-top: 10px;
}
.a8 {
float: left;
width: 25%;
height: 26%;
background: #fff;
margin-right: 9px;
margin-top: 10px;
}
.a9 {
float: left;
width: 23.8%;
height: 26%;
background: #fff;
margin-top: 10px;
}
.a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9 {
-webkit-transition: background .5s ease-out;
-moz-transition: background .5s ease-out;
-ms-transition: background .5s ease-out;
-o-transition: background .5s ease-out;
transition: background .5s ease-out;
}
/* hover for Top-wom
----------------------------------------------- */
.a1:hover {
background: rgba(0, 0, 0, 0.1);
}
.a2:hover {
background: rgba(0, 0, 0, 0.1);
}
.a3:hover {
background: rgba(0, 0, 0, 0.1);
}
.a4:hover {
background: rgba(0, 0, 0, 0.1);
}
.a5:hover {
background: rgba(0, 0, 0, 0.1);
}
.a6:hover {
background: rgba(0, 0, 0, 0.1);
}
.a7:hover {
background: rgba(0, 0, 0, 0.1);
}
.a8:hover {
background: rgba(0, 0, 0, 0.1);
}
.a9:hover {
background: rgba(0, 0, 0, 0.1);
}
/* iklan for Top-wom
----------------------------------------------- */
.top-ikn-wom {
width: 203px;
float: right;
background: #fff;
margin-top: 13px;
margin-right: -18px;
border: 1px solid #bbb;
overflow: hidden;
}
.box-ikn {
height: 389px;
width: 171px;
background: #fff url(http://4.bp.blogspot.com/-6xIPxY2BDGQ/U0U2OdxAfwI/AAAAAAAABAw/HrpEONRqsSg/s1600/iklan-wom.png)no-repeat;
padding: 16px;
}
/* Top-Man
----------------------------------------------- */
.top-man {
width: 865px;
height: 418px;
background: transparent url(http://1.bp.blogspot.com/-grmhF4LcorE/U0vIWvMqgHI/AAAAAAAABBQ/wM-hj_0CYts/s1600/background-top-man.png) no-repeat bottom;
margin-left: -18px;
}
.box-man {
height: 364px;
width: 865px;
background: transparent;
}
.c1 {
float: left;
width: 287px;
height: 360px;
background: #fff;
border: 1px solid #ddd;
}
.c2 {
float: left;
width: 287px;
height: 360px;
background: #fff;
margin-left: -1px;
border: 1px solid #ddd;
}
.c3 {
float: left;
width: 287px;
height: 360px;
background: #fff;
margin-left: -1px;
border: 1px solid #ddd;
}

/* feature wom
----------------------------------------------- */
.feature-wom {
width:865px;
margin-left: -18px;  
}
.content-fea {
width: 660px;
height: 300px;
padding-left: 0;
}
.box-fea {
width: 318px;
height: 269px;
border: 1px solid;
border-color: transparent;
float: left;
display: block;
position: relative;
overflow: hidden;
margin-right: 10px;
-webkit-transition: border-color .5s;
transition: border-color .5s;
}
.fealink {
width: 100%;
height: auto;
}
.title-fea {
color: #333;
font-size: 14px;
font-weight: bold;
position: absolute;
bottom: 10px;
right: 8px;
display: inline-block;
padding: 6px 15px;
background-color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
max-width: 260px;    
}
.img-fea {
width: 100%;
position: absolute;
}
.box-fea:hover {
    border:1px solid #1B8E9D !important;
}
a.fealink:hover .title-fea {
    color:#fff;
    background:#1B8E9D;
}

/* feature
----------------------------------------------- */
.pembatas-title {
width: 77%;
margin: auto;
margin-top: 25px;
box-shadow: 0 1px 0 #fff;
border-bottom: 1px solid #ccc;     
}
.titletop-feature {
color: #000;
text-align: left;
margin: auto;
padding-bottom: 10px;
}
.feature {
width:100%;
margin: auto;  
}
.content-feature {
width: 77%;
margin-left: 11.5%;
padding-left: 0;
overflow: hidden;
}
.box-feature {
width: 339px;
height: 269px;
border: 1px solid;
border-color: transparent;
float: left;
display: block;
position: relative;
overflow: hidden;
margin-right: 4px;
-webkit-transition: border-color .5s;
transition: border-color .5s;
}
.title-feature {
color: #333;
font-size: 14px;
font-weight: bold;
position: absolute;
bottom: 10px;
right: 8px;
display: inline-block;
padding: 6px 15px;
background-color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
max-width: 260px;    
}
.img-feature {
width: 100%;
position: relative;
}
.box-feature:hover {
    border:1px solid #1B8E9D !important;
}
a.fealink:hover .title-feature {
    color:#fff;
    background:#1B8E9D;
}

#noscript {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
margin: 0;
padding: 0;
z-index: 999999;
}
#noscript p {margin:0;
padding:0;
width:100%;
color:#333;
position:relative;
top:40%;
font:bold 18px/20px arial;
text-align:center;
text-shadow:none;
}
/* Shopping bag
----------------------------------------------- */
.cartInfo {
float: right;
width: 50px;
height: 50px;
background: transparent url(http://1.bp.blogspot.com/-wvEbenOO4fg/U1d6bCnI2JI/AAAAAAAABEU/OgdESLXlqtQ/s1600/bag-icon2.png) no-repeat;
background-size: 50px;
font-size: 13px;
font-weight: bold;
color: #6e6e6e;
position: relative;
top: 7px;
margin-right: 19%;
cursor: pointer;
opacity: .6;
}
.jmlqty {
color: #fff;
line-height: 5em;
}
#cartPopover {
position: absolute;
width: 218px;
float: right;
top: 105px;
right: 115px;
z-index: 9999;
display: none;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,.8);
font-family: "FreightSansMedium", sans-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #000;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.5);
background: #45484a;
background: -moz-linear-gradient(top, #45484a 0%, #2a2b2c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484a), color-stop(100%,#2a2b2c));
background: -webkit-linear-gradient(top, #45484a 0%,#2a2b2c 100%);
background: -o-linear-gradient(top, #45484a 0%,#2a2b2c 100%);
background: -ms-linear-gradient(top, #45484a 0%,#2a2b2c 100%);
}
#cartPopover .itemRow {
border-bottom: 1px solid #2B2D2E;
border-top: 1px solid #434547;
padding: 10px;
height: 12px;
}
#triangle {
position: absolute;
left: 50%;
margin-left: -12px;
color: #45484A;
top: -17px;
font-size: 24px;
text-shadow: 0 1px 0 #444749;
-webkit-transform: scale(1.2,.8) translateY(1.5px);
-moz-transform: scale(1.2,.8) translateY(1.5px);
transform: scale(1.2,.8) translateY(1.5px);
}
#cartData {
background: #232425;
padding: 10px;
}
.clearfix {
zoom: 1;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.left {
float: left;
}
#cartPopover strong {
color: #fff;
}
.right {
float: right;
}
#popoverButtons {
padding: 10px;
}
.hudbtn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: bold 13px/26px "FreightSans", sans-serif;
color: #fff!important;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
padding: 0 12px;
height: 24px;
border: 1px solid #000;
-webkit-box-shadow: inset 0 1px 0 #6d6d6e;
-moz-box-shadow: inset 0 1px 0 #6d6d6e;
box-shadow: inset 0 1px 0 #6d6d6e;
background: #3a3a3b;
background: -moz-linear-gradient(top, #3a3a3b 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3b), color-stop(100%,#343434));
background: -webkit-linear-gradient(top, #3a3a3b 0%,#343434 100%);
background: -o-linear-gradient(top, #3a3a3b 0%,#343434 100%);
background: -ms-linear-gradient(top, #3a3a3b 0%,#343434 100%);
background: linear-gradient(top, #3a3a3b 0%,#343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3b', endColorstr='#343434',GradientType=0 );
}
.hudbtn.primary {
border-color: #3D7530;
background: #97c865;
background: -moz-linear-gradient(top, #97c865 0%, #44933d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97c865), color-stop(100%,#44933d));
background: -webkit-linear-gradient(top, #97c865 0%,#44933d 100%);
background: -o-linear-gradient(top, #97c865 0%,#44933d 100%);
background: -ms-linear-gradient(top, #97c865 0%,#44933d 100%);
background: linear-gradient(top, #97c865 0%,#44933d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c865', endColorstr='#44933d',GradientType=0 );
-webkit-box-shadow: inset 0 1px 0 #D8E994;
-moz-box-shadow: inset 0 1px 0 #D8E994;
box-shadow: inset 0 1px 0 #D8E994;
color: #fff;
}
#cartPopover .simpleCart_increment, #cartPopover .simpleCart_decrement {
line-height: 1;
font-size: 1px;
display: block;
height: 5px;
margin-top: 3px;
}
#cartPopover .item-custom div {
float: left;
height: 13px;
margin-left: 3px;
}
#cartPopover .itemRow div {
float: left;
}
#cartPopover .item-custom {
width: 35px;
margin-right: 6px;
}
#cartPopover .item-custom span {
float: left;
height: 13px;
display: inline-block;
font-family: "Trebuchet MS", sans-serif;
width: 23px;
text-align: right;
}
#cartPopover .item-name {
float: left;
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#cartPopover .itemRow .item-total {
float: right;
}

/* Shopping Cart View
----------------------------------------------- */
  .part2 {
background: #fff;
}
  .simpleCart_items table{
   border:1px solid #ccc;
  }
  .simpleCart_items th{
   color:#333;
   font-family: arial;
   letter-spacing: 1px;
   text-align:center;
   padding:10px 30px;
   border-bottom:1px solid #ccc;
   background: #ededed;
   background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));
   background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
   background: -o-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
   background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
   background: linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
  }
  .simpleCart_items td{
   padding:10px 54px;
   vertical-align:middle;
   border-bottom:1px solid #ccc;
   
  }
  .item-image,
  .item-image img{width:72px;}
  .item-name{width:50%;}
  .item-quantity,
  .item-quantity input{
   width:30px;
   text-align:center;
  }
  .item-price,
  .item-subtotal{width:50px;}
table {
border-collapse: collapse;
border-spacing: 0;
}
td.item-remove:before {
content: "\f00d";
font-family: FontAwesome;
color: rgb(185, 23, 23);
float: left;
margin-left: -16px;
position: absolute;
}
td.item-thumbimg, td.item-thumbimg img {
max-width: 105px;
margin: 8px 0 8px 8px;
padding: 0;
}
td.item-name {
padding-left: 17px;
}
.back-shop {
width: 195px;
height: 25px;
padding: 4px 0 5px;
text-align: center;
position: relative;
float: right;
margin-top: 6%;
cursor: pointer;
}
a.back-sh {
text-decoration: none;
color: #fff!important;
}
.back-shop.hudbtn:hover {
background: -webkit-linear-gradient(top, #3a3a3b 0%,#494949 100%);
}
.summary td, .checkingOut td {
padding: .5em 1em;
width: auto;
background: #fff;
}
table.summary, table.checkingOut {
width: 100%;
margin: 17px auto;
border: 1px solid #bbb;
}
span.simpleCart_grandTotal.right {
font-size: 30px;
width: 107px;
}
.layout {
text-align: right;
width: 191px!important;
padding-right: 48px!important;
}
.layout_total {
text-align: right;
font-weight: bold;
font-family: Arial;
letter-spacing: .1em;
}
.box {
width: 500px;
border: 1px solid #bbb;
overflow: hidden;
}
.ket {
width: 252px;
float: left;
line-height: 1.4em;
letter-spacing: .04em;
list-style: none;
color: #696969;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #bbb;
padding-right: 15px;
}
.list:before {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #696969;
font-size: 12px;
padding-right: 0.5em;
top: 10px;
left: 0;
}
.telfon:before {
content: "\f0e0";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #696969;
font-size: 13px;
padding-right: 0.5em;
top: 10px;
left: 0;
}
.bbm {
float: left;
padding-right: 14px;
}
.icon_bbm {
background: url(http://1.bp.blogspot.com/-ictc1jYVGYE/U1u-LwcNeBI/AAAAAAAABFM/2M6UuUKYg5w/s1600/bbm_target_icon.png);
width: 19px;
height: 18px;
display: inline-block;
background-size: 20px;
float: left;
margin-right: 5px;
background-position: -3px -2px;
}
/* Cara Pembayaran
----------------------------------------------- */
.pembayaran {
width: 123px;
height: auto;
overflow: hidden;
padding-left: 14px;
}
.cara_bayar {
list-style: none;
margin-top: 10px;
display: inline-block;
padding-left: 12px;
float: left;
}
.paypal {
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png) center;
width: 100%;
height: 26px;
background-position: 33px 75px;
margin-top: -9px;
}
.cod {
float: left;
width: 35px;
height: 24px;
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png);
margin-right: 2px;
margin-bottom: 2px;
background-position: 0px 0px;
}
.bri {
width: 47px;
height: 24px;
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png);
float: left;
margin-right: 2px;
margin-bottom: 2px;
background-position: 0px -120px;
}
.bca {
float: left;
width: 46px;
height: 24px;
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png);
margin-right: 2px;
margin-bottom: 2px;
background-position: 0px -72px;
}
.mastercard {
width: 39px;
height: 24px;
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png);
background-position: 0px -48px;
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
.visa {
width: 38px;
height: 24px;
background: url(http://4.bp.blogspot.com/-97pAJhf0jQA/U1udEqDIzCI/AAAAAAAABFA/fcq6TUy_WfE/s1600/icon-bayar.png);
float: left;
background-position: 0px -24px;
margin-right: 2px;
margin-bottom: 2px;
}
.title_bayar {
width: 100%;
text-align: center;
opacity: .7;
font-weight: bold;
margin-bottom: 14px;
font-size: 1em;
text-transform: none;
font-family: Arial;
padding: 4px;
}
.paypal:after {
content: " ";
width: 0;
height: 0;
left: 57px;
top: 27px;
transition: .3s ease-out;
border-color: #1BA1E2 transparent transparent;
border-style: solid;
border-width: 6px 6px 0;
position: relative;
}
td.width {
width: 82px;
padding: 7px 17px;
}
.close_bag {
opacity: 1;
}

/* Toltip for posting 
----------------------------------------------- */
.label-add_cart:before {
content: "Silahkan Pilih Ukuran";
font-size: 12px;
width: 150px;
font-weight: bold;
line-height: 11px;
font-family: FontAwesome,Arial,sans-serif;
text-transform: uppercase;
padding: 10px 8px;
top: 179px;
right: 235px;
transition: .3s ease-out;
background: #fff;
color: #000;
border: 1px solid #ddd;
border-radius: 5px;
position: absolute;
opacity:0;
visibility:hidden;
}
.label-add_cart:after {
content: " ";
width: 0;
height: 0;
right: 372px;
top: 212px;
transition: .3s ease-out;
border-color: #ddd transparent transparent;
border-style: solid;
border-width: 6px 6px 0;
position: absolute;
opacity:0;
visibility:hidden;
}
.label-add_cart:hover::before, .label-add_cart:hover::after {
opacity: .5;
visibility: visible;
}
/* Button back home
----------------------------------------------- */
.back-home {
width: 155px;
height: 25px!important;
padding: 4px 0 5px!important;
text-align: center;
position: relative;
float: right;
margin-top: 16px;
cursor: pointer;
margin-right: 16%;
}
.hudbtn2 {
font: bold 13px/26px "FreightSans", sans-serif;
color: #fff!important;
padding: 0 12px;
height: 24px;
background: rgba(187, 187, 187, 0.44);
border-radius: 2px;
text-transform: uppercase;
}
.hudbtn2:hover {
background: #bbb;
-webkit-transition: background .5s;
transition: background .5s;
}